export interface IViewBud {
    id: string;
    waterTank?: number,
    direction?: "column" | "row" | "row-reverse" | "column-reverse",
    children?: { [key: string]: IViewBud },
    backgroundColor?: string;
    backgroundImage?: string;
    padding?: string;
    margin?: string;
    border?: string;
    className?: string;
    style?: string;
    grow?: number;
    shrink?: number;
    basis?: number | string;
    wrap?: "nowrap" | "wrap" | "wrap-reverse";
    align?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around",
    verticalAlign?: "flex-start" | "flex-end" | "center" | "baseline" | "stretch",
    verticalAlignSelf?: "flex-start" | "flex-end" | "center" | "baseline" | "stretch",
    size: {
        width?: number | "auto" | string,
        height?: number | "auto" | string
    }
}
// export interface IViewBud {
//     [key: string]: IViewBudContent
// }